<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="../framework/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/business-List.css">
    <script src="index.js"></script>
    <title>美团 商家列表</title>

</head>
<body>
<div class="wrapper">
    <div class="header" >

        <div class="illustration">
            <div class="section" onclick="location.href='index.html'">
                < 外卖
            </div>
            <div class="location-icon">
                <i class="fa fa-map-marker" style="font-size: 3.5vw;"></i>
            </div>
            <div class="location-text">
                昆明>
            </div>
        </div>


    </div>
    <!--search部分-->
    <div class="search" id="fixedBox">
        <div class="search-fixed-top">
            <div class="search-box">
                <i class="fa fa-search"></i>
                肯德基.全鸡汉堡
                <div class="search-button">搜索</div>
            </div>

            <img src="../img/Snipaste_2024-07-06_23-16-43.png" height="106" width="110"/>
        </div>
    </div>
<!--   推荐方式-->
    <div class="recommend-type">
        <ul>
            <li>神劵商家</li>
            <li>减配送费</li>
            <li>满赠活动</li>
            <li>点评高分</li>
          <img src="../img/Snipaste_2024-07-08_23-12-16.png" height="55" width="57"/>
        </ul>
    </div>
<!--    商家列表部分-->
    <ul class="merchant-list" onclick="location.href='business-info.html'">
        <li class="merchant-item"><img src="../img/Snipaste_2024-07-08_23-22-28.png" height="194"
                                                          width="193"/>
            <div class="merchant-info">
                <h3>炸串小酒馆(第01档口油炸美...</h3>
                <p class="merchant-rating">4.9分 月售400+ 人均￥29</p>
                <p class="merchant-details">起送￥68 配送约￥1.1</p>
                <p class="merchant-tags">
                    <span class="tag">高折扣</span>
                    <span class="tag">折扣力度前10%商家</span>
                    <span class="tag">“分量很足”</span>
                </p>
            </div>
        </li>
        <li class="merchant-item"><img src="../img/Snipaste_2024-07-08_23-22-47.png" height="191"
                                                          width="194"/>
            <div class="merchant-info">
                <h3>山西缘面食馆(家常菜)</h3>
                <p class="merchant-rating">4.9分 月售400+ 人均￥29</p>
                <p class="merchant-details">起送￥58 配送约￥3.1</p>
                <p class="merchant-tags">
                    <span class="tag">高折扣</span>
                    <span class="tag">折扣力度前10%商家</span>
                    <span class="tag">“新客优惠”</span>
                </p>
            </div>
        </li>
        <li class="merchant-item"><img src="../img/Snipaste_2024-07-08_23-22-37.png" height="191"
                                       width="191"/>
           <div class="merchant-info">
                <h3>果园·果切(昌平店)</h3>
                <p class="merchant-rating">4.9分 月售500+ 人均￥39</p>
                <p class="merchant-details">起送￥28 配送约￥0.1</p>
                <p class="merchant-tags">
                    <span class="tag">高折扣</span>
                    <span class="tag">折扣力度前10%商家</span>
                    <span class="tag">“分量很多”</span>
                </p>
            </div>
        </li>
        <li class="merchant-item"><img src="../img/Snipaste_2024-07-08_23-22-57.png" height="157"
                                                          width="168"/>
            <div class="merchant-info">
                <h3>开心鸭，香辣甜辣系列鸭货</h3>
                <p class="merchant-rating">4.9分 月售700+ 人均￥19</p>
                <p class="merchant-details">起送￥28 配送约￥0.1</p>
                <p class="merchant-tags">
                    <span class="tag">高折扣</span>
                    <span class="tag">折扣力度前20%商家</span>
                    <span class="tag">“分量巨多”</span>
                </p>
            </div>
        </li>
        <li class="merchant-item"><img src="../img/Snipaste_2024-07-08_23-23-35.png" height="192"
                                                          width="197"/>
            <div class="merchant-info">
                <h3>泰山原浆啤酒·昌平西环路店</h3>
                <p class="merchant-rating">4.9分 月售400+ 人均￥29</p>
                <p class="merchant-details">起送￥28 配送约￥2.1</p>
                <p class="merchant-tags">
                    <span class="tag">高折扣</span>
                    <span class="tag">折扣力度前10%商家</span>
                    <span class="tag">“分量很多”</span>
                </p>
            </div>
        </li>
        <li class="merchant-item"><img src="../img/Snipaste_2024-07-08_23-23-59.png" height="132"
                                                          width="137"/>
            <div class="merchant-info">
                <h3>虾吃虾涮南口店</h3>
                <p class="merchant-rating">4.9分 月售700+ 人均￥19</p>
                <p class="merchant-details">起送￥28 配送约￥0.1</p>
                <p class="merchant-tags">
                    <span class="tag">高折扣</span>
                    <span class="tag">折扣力度前20%商家</span>
                    <span class="tag">“分量巨多”</span>
                </p>
            </div>
        </li>
        <li class="merchant-item"><img src="../img/Snipaste_2024-07-08_23-24-11.png" height="137"
                                                          width="136"/>
            <div class="merchant-info">
                <h3>昌平炸串烧烤</h3>
                <p class="merchant-rating">4.9分 月售700+ 人均￥19</p>
                <p class="merchant-details">起送￥28 配送约￥0.1</p>
                <p class="merchant-tags">
                    <span class="tag">高折扣</span>
                    <span class="tag">折扣力度前5%商家</span>
                    <span class="tag">“分量超多”</span>
                </p>
            </div>
        </li>
        <li class="merchant-item"><img src="../img/Snipaste_2024-07-08_23-24-21.png" height="134"
                                                          width="139"/>
            <div class="merchant-info">
                <h3>T3便利店(美邻福生活超市)</h3>
                <p class="merchant-rating">3.9分 月售700+ 人均￥9</p>
                <p class="merchant-details">起送￥28 配送约￥0</p>
                <p class="merchant-tags">
                    <span class="tag">高折扣</span>
                    <span class="tag">折扣力度前1%商家</span>
                    <span class="tag">“好评超多”</span>
                </p>
            </div>
        </li>
    </ul>
    <!--    底部菜单部分  -->
    <ul class="footer">
        <li onclick="location.href='index.html'"><img src="../img/Snipaste_2024-07-08_17-23-52.png" height="48" width="50"/>
            <p></p>
        </li>
        <li><img src="../img/Snipaste_2024-07-08_17-54-22.png" height="46" width="50"/>
            <p>视频</p>
        </li>
        <li><img src="../img/Snipaste_2024-07-08_17-53-37.png" height="48" width="54"/>
            <p>消息</p>
        </li>
        <li onclick="location.href='orderlist.html'"><img src="../img/Snipaste_2024-07-09_10-30-24.png" height="53" width="54"/>
            <p>订单</p>
        </li>
        <li onclick="location.href='login.html'"><img src="../img/Snipaste_2024-07-08_17-41-31.png" height="36" width="44"/>
            <p> 我的</p>
        </li>
    </ul>
</div>
</body>
</html>